<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的导游</title>

    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link href="../../js/dist/summernote.css" rel="stylesheet" />

    <!-- 引入外部的css样式 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/animate.css" type="text/css">
    <link rel="stylesheet" href="../../plugins/bootstrap/css/font-awesome.css?v=4.4.0" type="text/css">

    <!-- 引用自己写的css样式 -->
    <link href="../../css/index/index.css" rel="stylesheet" type="text/css">





</head>

<body>

    <!-- 导航栏 -->
    <div class="container-fluid" id="head" style="margin-bottom: 0px;">
        <div class="row">

            <nav class="navbar" role="navigation"
                style="background-color: rgb(206, 228, 247);padding-left: 100px;margin-bottom: 0px">
                <div class="container-fluid">
                    <div>
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse" style="background-color: royalblue">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="index.html"> <img src="../../imgs/index/logo.jpg" alt="失败" id="logo"
                                class="img-circle navbar-brand"></a>
                        <a class="navbar-brand" href="index.html" style="padding-left: 0px;font-family:楷体">
                            <span data-toggle="tooltip" title="悠 U 新方式">
                                悠&nbsp;U</span></a>
                    </div>

                    <div class="collapse navbar-collapse" id="example-navbar-collapse ">
                        <ul class="nav navbar-nav ">
                            <li><a href="index.html">
                                    <span style="padding:0px 20px" data-toggle="tooltip" title="首页"> 首页</span></a></li>

                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    游记<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-user"
                                                style="text-shadow: rgb(216, 206, 206) 3px -1px;"></span>
                                            &nbsp;达人
                                            <span class="badge pull-center" style="background-color: red">hot</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-edit"></span>
                                            写游记
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">赚钻石</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-flag"></span>
                                            游记主页</a></li><br>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    景点<b class="caret"></b>
                                    <!-- <span class="label label-danger" style="font-size: 1px;">NEW</span>-->
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><span class="glyphicon glyphicon-fire">&nbsp;主题景点</span>
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">NEW</span>
                                        </a></li><br>
                                    <li><a href="#"><span class="glyphicon glyphicon-plane">&nbsp;精品行程</span></a></li>
                                    <br>
                                    <li><a href="#"><span class="glyphicon glyphicon-bell">&nbsp;当地玩乐</span></a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">
                                    <span data-toggle="tooltip" title="导&nbsp;游">导游</span>
                                    <!-- <span class="badge pull-center"
                                        style="color: red;font-size:1px">hot</span> -->
                                </a>
                            </li>

                        </ul>

                        <!-- <div style="padding-top:15px" class="">
                                <input type="text" placeholder="用户/游戏/动态" style=" height:20px">
                                
                            </div> -->


                        <ul class="nav navbar-nav navbar-right" style="padding-right: 100px">

                            <li class="dropdown">
                            <li> <a></a></li>
                            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown"
                                    style="font-family: 楷体;padding-left: 0px">
                                    我的悠 U &nbsp;<img id="headerImg" src="../../imgs/index/head.jpg"
                                        class="img-circle"><b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">我的订单</a>
                                    </li>
                                    <li>
                                        <a href="#">我的导游</a>
                                    </li>
                                    <li>
                                        <a href="#">我的钱包</a>
                                    </li>

                                    <li>
                                        <a href="#">我的游记</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li> <a href="#">互动信息</a> </li>
                                    <li> <a href="#">我的账号</a> </li>
                                    <li> <a href="#">退出</a> </li>

                                </ul>
                            </li>
                            <li><a href="#weibo" style="padding-left:8px;padding-right: 8px"><i
                                        class="fa fa-weibo"></i></a></li>
                            <li><a href="#weixin" style="padding-left:8px;padding-right: 8px"><i
                                        class="fa fa-weixin"></i> </a></li>
                            <li><a href="#weixin" style="padding-left:8px;padding-right: 8px"> <i
                                        class="fa fa-qq"></i></a></li>
                            <li><a href="" style="padding-left:10px;padding-right: 10px">登录</li> </a>
                            <li><a href="" style="padding-left:10px;padding-right: 10px">注册</li> </a>



                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <!-- 导航栏 -->



    <div class="container" style="margin-top: 20px;">
        <div class="row">


<!-- 侧边栏 -->
            <div class="col-md-2" >

                <div style="height: 60px;text-align: center;background-color: rgb(235, 243, 247); text-align: center;line-height:60px; border-bottom:1px solid #ddd;;color: #555; width: 180px;">

                    <a href="" style="text-decoration: none;font-size: 20px;" >
                        我的悠U
                    </a>
                </div>
                
                <div style="height: 45px;text-align: center;background-color: rgb(235, 243, 247); text-align: center;line-height:45px; border-bottom:1px solid #ddd;;color: #555; width: 180px;">
                    <span class="glyphicon glyphicon-bell"></span>
                    <a style="text-decoration: none;cursor: pointer;font-size: 16px;">
                      我的消息
                    </a>
                </div>
                

                <div style="height: 45px;text-align: center;background-color: rgb(235, 243, 247); text-align: center;line-height:45px; border-bottom:1px solid #ddd;;color: #555; width: 180px;">
                        <span class="glyphicon glyphicon-magnet "></span>
                        <a style="text-decoration: none;cursor: pointer;font-size: 16px;">
                            我的安排
                        </a>
                    </div>
                
                    
                    <div style="height: 45px;text-align: center;background-color: rgb(235, 243, 247); text-align: center;line-height:45px; border-bottom:1px solid #ddd;;color: #555; width: 180px;">
                        <div class="dropdown">
                            <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" 
                                style="height: 45px;text-align: center;background-color: rgb(235, 243, 247); text-align: center;line-height:45px; border-bottom:1px solid #ddd;;color: #555; width: 180px;padding: 0px">
                                <a style="text-decoration: none;cursor: pointer;font-size: 16px;">
                                    我的状态
                                </a>
                               
                            </button>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" style="width: 180px">
                                
                                <li role="presentation">
                                    <a role="menuitem" tabindex="-1" > <input name="kongxian"  type="radio" style="height: 15px;width:15px;float: right"></span>空闲</a>
                                </li>
                                <li role="presentation">
                                    <a role="menuitem" tabindex="-1" ><input name="kongxian"  type="radio" style="height: 15px;width:15px;float: right"></span>接单中</a>   
                                </li>
                                <li role="presentation">
                                    <a role="menuitem" tabindex="-1" ><input name="kongxian"  type="radio" style="height: 15px;width:15px;float: right"></span>离开</a>
                                </li>
                            
                            </ul>
                        </div>
                     </div>
                        





            </div>
<!-- 侧边栏 -->

<!-- 我的状态 -->
<div class="wrapper wrapper-content" style="margin-left: 22%;margin-top: 50px">
    <div class="row">
        <div class="col-sm-8">
            <div class="summernote" >
                请编写游记内容
            </div>
        </div>
    </div>
</div>


   

<!-- 我的状态 -->

        </div>
    </div>












    <!--引入bootstrap的js文件-->
    <script src="../../plugins/jquery/jquery.min.js"></script>

    <script src="../../plugins/bootstrap/js/bootstrap.js"></script>

</body>

</html>